/***********************************************************
 * Copyright (c) Microsoft Corporation. All rights reserved.
 * Licensed under the MIT License
 **********************************************************/
@import 'themes';
@import 'mixins';

.connectivity-pane {
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 100vh;
    @include themify($themes) {
        background: themed('opaqueBlocking');
    }
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;

    .main {
        @include themify($themes) {
            background: themed('backgroundColor');
        }
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 50px;
        padding-right: 50px;
        width: 650px;

        .notes {
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .connection-button {
            display: flex;
            flex-direction: row-reverse;
            width: 100%;
            padding: {
                top: 50px;
                bottom: 20px;
            }
        }
    }
}

.connection-string-dropDown {
    min-width: 545px;
    margin-right: 2px;
    max-width: 545px;
}
.connection-string-button{
    margin: 28px 2px 20px 2px;
}

.hidden {
    position: absolute;
    opacity: 0;
    height: 1px;
    width: 1px;
}
